<template>
  <div>
    <div class="app-container">
      <div class="filter-container">
        <el-tabs type="border-card">
          <el-tab-pane lazy label="主要数据列表">
          <maindata :info_id='id'></maindata>
          </el-tab-pane>
          <!-- <el-tab-pane lazy label="投票列表">
            <votelist :info_id='id'></votelist>
          </el-tab-pane> -->
          <el-tab-pane lazy label="打赏列表">
            <giftlist :info_id='id'></giftlist>
          </el-tab-pane>

          <el-tab-pane lazy label="投票加减记录">
            <tpjjjl :info_id='id'></tpjjjl>
          </el-tab-pane>



        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script>
  import votelist from './votelist/index.vue';
  import giftlist from './giftlist/index.vue';
  import tpjjjl from './tpjjjl/index.vue';
  import maindata from './maindata/index.vue';
  export default {
    components: { votelist , giftlist , tpjjjl , maindata},
    data() {
      return {
        id:0
      }
    },
    // 进入页面加载数据
    created() {
      var id = this.$route.query.id;
      this.id = id;
      if(!id){
         this.$router.push('/vote/activity');
      }
    },
    methods: {

    }
  }

</script>

<style>
</style>
